<template>
	<view>
		<dsl-navbar title="我的指标" textTitle="white" backBg="white" isBack=""></dsl-navbar>
		<view class="text-black align-center bg-white margin rowsb padding radius">
			<view class="text-center">
				<view>
					<text class="text-sl text-bold">5</text>
					分
				</view>
				<view style="color: #9AA2B5;">我的平均值</view>
			</view>
			<view style="height: 90rpx;width: 2rpx; background-color: #EEEEEE;"></view>
			<view class="text-center">
				<view><text class="text-sl text-bold">1.6</text>元/分钟</view>
				<view style="color: #9AA2B5;">我的奖励</view>
			</view>
		</view>
		<view class="title_body">
			评价与奖励规则
		</view>
		<view class="message_body text-center">
			<view class="rowsb ">
				<view class="table">平均值</view>
				<view class="table">奖励</view>
			</view>
			<view class="rowsb ">
				<view class="table">4.7-5.0分</view>
				<view class="table">1.6元/分钟</view>
			</view>
			<view class="text-center text-sm margin" style="color: #9AA2B5;">
				评价值:最近50路通话评价的平均值
			</view>
			<view class="submit">
				玩洽女生热榜>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	page {
		background: #EAA019;
		padding-bottom: 100rpx;
	}
	.title_body{
		width: 680rpx;
		height: 97rpx;
		background: #C66C6C;
		border-radius: 18rpx 18rpx 0px 0px;
		color: white;
		text-align: center;
		line-height: 97rpx;
		font-size: 32rpx;
		margin: 0 auto;
	}
	.message_body{
		width: 680rpx;
		height: 901rpx;
		background: #FFFFFF;
		box-shadow: 0px 3rpx 6rpx rgba(0, 0, 0, 0.16);
		margin: 0 auto;
		border-radius:  0px 0px 18rpx 18rpx;
	}
	view{
		/* border: 1rpx solid red; */
	}
	.table{
		width: 50%;height: 100rpx;line-height: 100rpx; border: 1rpx solid #FFD76B;
	}
	.submit{
		width: 313rpx;
		height: 88rpx;
		background: linear-gradient(180deg, #EAA019 0%, #BA4949 100%);
		box-shadow: 0px 3rpx 8rpx rgba(249, 222, 77, 0.4);
		line-height: 88rpx;
		border-radius: 99rpx;
		color: white;
		margin: 0 auto;
		
	}
</style>
